<html>
	<head>
		<title></title>
		<script type="text/javascript">
			function getPropose()
			{
				var keyword = document.getElementById("txtKey").value;
				var pkey = document.getElementById("parentkey").value;
				document.getElementById("searchresult").src = "/getResult?query="+keyword+"&parentkey="+pkey;
			}
		</script>
	</head>
	<body>		
		<center>
			<h2>add a new propose</h2>
			<form action="/addchild" method="post">
				<div><textarea name="childcontent" rows="2" cols="60"></textarea></div>
				<div><input type="submit" value="submit"></div>
				<input name="parentkey" type="hidden" value="{{ keystr }}"/>
			</form>
		</center>
		<hr/>
		<center>
			<!--ajax part-->
			<p>Enter key words:</p>
			<input id="parentkey" type="hidden" value="{{ keystr }}"/>
			<input type="text" id="txtKey" value="" />
			<input type="button" value="GetPropose" onclick="getPropose()" />
			<br/>
			<iframe id="searchresult" width="600" height="400" src="" />
		</center>
	</body>
</html>